<template>
  <view class="navTop">
    <van-nav-bar
      title="理财钱包"
      right-text="历史记录"
      left-arrow
	  fixed
      class="loginNav"
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
	
	<div class="pic">
		<div class="jifen">积分转划</div>
		<span>可用余额</span>
		<p>5483.00</p>
	</div>

	<div class="list">
		<div>
			<navigator url="position" hover-class="none">
				<div class="time">2019/6/15  14:35</div>
				<div class="m">
					<span>1200</span>
					<p>锁仓数量</p>
				</div>
				<div class="m">
					<span>1200天</span>
					<p>锁仓时间</p>
				</div>
				<van-icon name="arrow" />
			</navigator>
		</div>
		<div>
			<navigator url="position" hover-class="none">
				<div class="time">2019/6/15  14:35</div>
				<div class="m">
					<span>1200</span>
					<p>锁仓数量</p>
				</div>
				<div class="m">
					<span>1200天</span>
					<p>锁仓时间</p>
				</div>
				<van-icon name="arrow" />
			</navigator>
		</div>
	</div>

  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    onClickRight() {
      uni.navigateTo({
        url: "../register/register"
      });
    }
  }
};
</script>

<style lang="less">
.pic{
	width: 100%;
	height: 335upx;
	background: url("~@/static/personalCenter/pic.png");
	background-size: 100% 100%;
	padding-top: 84upx;
	text-align:left;
	color: #3C1E0D;
	padding-left: 68upx;
	box-sizing: border-box;
	position: relative;
	.jifen{
		position: absolute;
		right: 30upx;
		top: 74upx;
		height: 43upx;
		line-height: 43upx;
		width: 120upx;
		text-align: center;
		background: #fff;
		font-size: 22upx;
		border-radius: 43upx 0 0 43upx;
	}
	p{font-size: 72upx;margin-top: 20upx;
		
	}
	span{font-size: 28upx;}
}

.list{
	text-align: center;
	>div{
		text-align: left;
		width: 719upx;
		height:186upx;
		background: url('~@/static/personalCenter/listbg.png');
		background-size: 100% 100%;
		padding-left: 40upx;
		display: inline-block;
		box-sizing: border-box;
		position: relative;
		navigator{
			width: 719-40upx;
			height:186upx;
		}
		.time{
			color: #B8B8B8;
			font-size: 22upx;
			margin-top: 25upx;
		}
		.m{float: left;
			width: 280upx;
			span{color: #3C1E0D;font-size: 46upx;font-weight: bold}
			p{color: #B8B8B8;font-size: 26upx}
		}
		.van-icon{position: absolute;right: 35upx;top: 80upx;color: #C6C6C6;}
	}
	div:nth-child(2){
		.left{
			line-height: 69/2upx;
			p{color: #959595;display: inline-block}
		}
	}
}
</style>
